<template>
  <div id='user'>

    <div class='breadcrumb-wrap'>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>维修师</el-breadcrumb-item>
        <el-breadcrumb-item>反馈</el-breadcrumb-item>
      </el-breadcrumb>
    </div>

    <div class="condition-wrap">
      <table>
        <tr>
          <td class='form-label'>类型：</td>
          <td class='form-label'>
            <el-select v-model="queryUserVo.feedType" placeholder="请选择">
              <el-option label="建议" value="建议"></el-option>
              <el-option label="投诉" value="投诉"></el-option>
            </el-select>
          </td>
          <td class='form-label'>状态：</td>
          <td class='form-label'>
            <el-select v-model="queryUserVo.dealStatus" placeholder="请选择">
              <el-option label="已处理" value="已处理"></el-option>
              <el-option label="未处理" value="未处理"></el-option>
            </el-select>
          </td>
          <td class='form-label'>
            <el-button type="info" @click="queryBtnClick()">查询</el-button>
          </td>
          <td class='form-label'>
            <el-button type="info" @click="queryallClick()">查全部</el-button>
          </td>
        </tr>
      </table>
    </div>
    <div class='option-wrap'>
    </div>
    <div class="gird-wrap">
      <el-table style="width: 100%" height="441" :border="true" :stripe="true" :data="dataList">
        <el-table-column prop='feedType' label="类型"></el-table-column>
        <el-table-column prop='targetInfo' label="对象"></el-table-column>
        <el-table-column prop='findType' label="联系方式"></el-table-column>
        <el-table-column prop='findInfo' label="手机号"></el-table-column>
        <el-table-column prop='feedContent' label="反馈内容"></el-table-column>
        <el-table-column prop='dealStatus' label="状态"></el-table-column>
        <el-table-column label="操作" width="80" fixed="right">
          <template scope="scope">
            <el-button type="text" :disabled="scope.row.dealStatus==='已处理'" @click="editStatus(scope.row)">处理
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  import r from '../utils/RequestUtil';
  export default {
    name: 'user_3',
    data: function () {
      return {
        queryUserVo: {
          dealStatus: '',
          feedType: ''
        },
        page: {
          pageNo: 1,
          pageSize: 10,
          totalCount: 0
        },
        dataList: [],
        selectedItems: [],
      }
    },
    methods: {
      queryallClick() {
        this.showfeddbacklist(this.page.pageNo, this.page.pageSize, "", "");
      },
      queryBtnClick() {
        this.showfeddbacklist(this.page.pageNo, this.page.pageSize, this.queryUserVo.feedType, this.queryUserVo
          .dealStatus);
      },
      //显示条数改变
      handleSizeChange(val) {
        this.showfeddbacklist(this.page.pageNo, val, this.queryUserVo.feedType, this.queryUserVo.dealStatus);
      },
      //页面号码改变
      handleCurrentChange(val) {
        this.showfeddbacklist(val, this.page.pageSize, this.queryUserVo.feedType, this.queryUserVo.dealStatus);
      },
      //修改意见反馈状态
      editStatus(row) {
        console.log("row.id:" + row.id);
        if (row.dealStatus === "未处理") {}
      },
      showfeddbacklist(pageNo, pageSize, feedType, dealStatus) {}
    },
    mounted: function () {}
  }

</script>

<style></style>
